<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <th:block th:replace="include/css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/knowledge_detail.css">
    <link rel="stylesheet" href="/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">

    <title th:text="${topic.title}"></title>
</head>
<body>
<th:block th:replace="include/header:: header"/>
<div class="main">
    <div class="arc-shadow">
        <div class="topic-info-con">
            <div class="topic-icon"><a th:href="'/user/'+${topic.userId}"><img class="img-circle"
                                                                               src="/static/images/headIcon.jpg"></a>
            </div>
            <div class="topic-info">
                <div class="topic-title">
                    <a th:href="'/blog/detail/'+${topic.blogId}" class="title"
                       th:text="${topic.title}"></a>
                    <span class="time" th:text="${#temporals.format(topic.createTime,'yyyy-MM-dd HH:mm:ss')}">11</span>
                    <a class="topic-cate-tag" th:if="${#strings.isEmpty(topic.name)}"
                       th:href="'/blog/'+${topic.userId}"><span>全部分类</span></a>
                    <a class="topic-cate-tag" th:unless="${#strings.isEmpty(topic.name)}"
                       th:href="'/blog/'+${topic.userId}+'?categoryId='+${topic.categoryId}"><span
                            th:text="${topic.name}"></span></a>
                </div>
                <div class="topic-info-d topic-count-info">
                    <a th:href="'/user/'+${topic.userId}" class="user-info"><i class="icon icon-user-name"></i><span
                            th:text="${topic.userName}"></span></a>
                    <span class="count"><i class="icon icon-read"></i><span>阅读：<th:block th:text="${topic.readCount}"/></span></span>
                    <span class="count"><i class="icon icon-comment" data-garbage="true"></i><span>评论：<span
                            id="comment-count" th:text="${topic.commentCount}"></span></span></span>
                    <span class="count"><i class="icon icon-like"></i><span>喜欢：<span id="like-count"
                                                                                     th:text="${topic.likeCount}"></span></span></span>
                    <span class="count"><i class="icon icon-collection"></i><span>收藏：<span id="collection-count"
                                                                                           th:text="${topic.collectionCount}"></span></span></span>

                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="topic-detail" th:utext="${topic.content}">
        </div>
        <!--<#if topic.attachment??>-->
        <!--<div class="attachment" th:if="${!#strings.isEmpty(topic.attachment)}">
            <div class="attachment-title">附件</div>
            <div class="attachment-info">
                <span class="filename"><i class="icon icon-package"></i></span>&nbsp;&nbsp;
                <span>所需积分：<th:block th:text="${topic.attachment.downloadMark}"/></span>&nbsp;&nbsp;
                <span class="dccount">下载：<a href="javascript:void(0)" attachmentid="" id="dcount">0</a></span>&nbsp;&nbsp;
                <a href="javascript:void(0)" class="btn btn-info" name="144" topicid="" attachmentid=""
                   id="downloadFile">点击下载</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="/donate" target="_blank">没有积分？</a>
            </div>
            <div class="clear"></div>
        </div>-->
        <!--</#if>-->
        <th:block th:replace="include/top"/>
        <th:block th:replace="include/comment"/>

    </div>
</div>


<th:block th:replace="include/footer:: footer"/>
<script type="text/javascript" src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>
<script th:inline="javascript">
    fzqblog.topicId = [[${topic.blogId}]];
    fzqblog.articleType = "B";
    fzqblog.articleTitle = [[${topic.title}]];
    fzqblog.articleUserId=[[${topic.userId}]];
</script>

<script type="text/javascript" charset="utf-8" src="/static/js/knowledge_detail.js"></script>
</body>
</html>